<template>
    <div class="all">
        <div class="smallall .yidong">
            <Topic></Topic>

            <fenzu></fenzu>
            <fenzu></fenzu>
            <fenzu></fenzu>
            <Button></Button>

        </div>


    </div>




</template>

<script>
import Fenzu from "./jinrudonghua.vue"
import Topic from "./topic.vue"
import Button from "./Button.vue"
export default {
    name:'XiaoChengXv',
    components:{
    Fenzu,
    Topic,
    Button
}

}
</script >


<style scoped>
    .all{
        text-align: center;
    }
    .smallall{
        display: inline-block;
        width: 1200px;
        height: auto;
        overflow: hidden;
    }
    span{
        line-height: 172px;
        font-size: 24px;
    }
    .wenzi{
        font-size: 14px;
    }

@keyframes bounceInRight {	from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}	
0% {opacity: 0;transform: translate3d(3000px, 0, 0);}	
60% {opacity: 1;transform: translate3d(-25px, 0, 0);}	
75% {transform: translate3d(10px, 0, 0);}	
90% {transform: translate3d(-5px, 0, 0);}	
100% {opacity: 1;transform: none;}}

.yidong{
    
    animation: bounceInRight 5s 0.25s linear forwards;

}

</style>